Date.prototype.toLocaleString = function() {
          return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds() + "";
    };
Ext.define('app.view.ViewportOnlineBox', {
	extend : 'Ext.container.Viewport',
	alias : 'widget.ViewportOnlineBox',
	layout : 'fit',// 不可缺，缺了行不显示内容
	requires : ['Ext.grid.Panel', 'Ext.grid.column.Check', 'Ext.grid.View',
			'Ext.toolbar.Toolbar', 'Ext.button.Button', 'Ext.toolbar.Paging'],
	tools : [{
				type : 'pin'
			}],
	layout : {
		type : 'border',
		padding : 5
	},
	items : [{
		region : 'west',
		width : 290,
		margins : '2 5 5 2',
		title : '查询条件',
		layout : 'form',
		split : true,
		collapsible : true,
		collapsed : true,
		floatable : false,
		name : 'fromWest',
		frame : true,
		items : [{
					xtype : 'textfield',
					name : 'mac',
					anchor : '90%',
					id:'mac',
					fieldLabel : 'MAC地址'
				},{
					xtype : 'textfield',
					name : 'resource_ip',
					anchor : '90%',
					id:'resource_ip',
					fieldLabel : '资源IP'
				}/*  {
					xtype : 'combo',
					id : 'stock_state',
					fieldLabel : '是否已分配:',
					store : new Ext.data.JsonStore({
								fields : ["value", "text"],
								data : [{
											value : 1,
											text : '是'
										}, {
											value : 0,
											text : '否'
										}, {
											value : '',
											text : '全部'
										}]
							}),
					value:'',
					displayField : 'text',
					valueField : 'value',
					typeAhead : true,
					mode : 'local',
					triggerAction : 'all',
					emptyText : '请选择...',
					selectOnFocus : true 
				},{
					xtype : 'textfield',
					name : 'ip',
					anchor : '90%',
					id:'ip',
					fieldLabel : 'IP地址'
				} ,{
					xtype : 'textfield',
					name : 'port',
					anchor : '90%',
					id:'port',
					fieldLabel : '端口'
				}*/ ],
		buttons : [{
					text : '查询',
					name : 'queryBu',
					handler : function() {
						this.ownerCt.ownerCt.ownerCt.items.items[3].store.load();
					}
				}, {
					text : '重置',
					handler : function() {
						//this.ownerCt.ownerCt.items.items[0].setValue(null);
						//this.ownerCt.ownerCt.items.items[1].setValue("");
						this.ownerCt.ownerCt.items.items[0].setValue("");
					}
				}]

	}, {
		region : 'center',
		xtype : 'gridpanel',
		id:'OnlineBoxGrid',
		store : 'OnlineBox',
		stripeRows : true,
		enableHdMenu:false,
		autoScroll : true,
		autoHeight : true,
		columns : [{
					text : "分销商/客户",
					dataIndex : 'distributor_name', 
					width:310 
				},{
					text : "uuid",
					width:160,
					dataIndex : 'uuid',
					sortable : true
				}, {
					text : "MAC地址",
					dataIndex : 'mac',
					width:160,
					sortable : true 
				}, {
					text : "IP地址",
					dataIndex : 'ip',
					width:130,
					sortable : true 
				}, {
					text : "端口",
					dataIndex : 'port',
					width:80,
					sortable : true 
				}, {
					text : "版本",
					dataIndex : 'version',
					width:80,
					sortable : true 
				}, {
					text : "连接时间",
					dataIndex : 'connect_time',
					width:160,
					sortable : true ,
					renderer : function(value) { 
						if(value>0){
							return new Date(value).toLocaleString();
						}else{
							return "";
						}
					}
				}, {
					text : "登陆时间",
					dataIndex : 'login_time',
					width:160,
					sortable : true ,
					renderer : function(value) { 
						if(value>0){
							return new Date(value).toLocaleString();
						}else{
							return "";
						}
					}
				}, {
					text : "心跳时间",
					dataIndex : 'latest_heartbeat_time',
					width:160,
					sortable : true ,
					renderer : function(value) { 
						if(value>0){
							return new Date(value).toLocaleString();
						}else{
							return "";
						}
					}
				}, {
					text : "资源IP",
					dataIndex : 'resource_ip',
					width:130,
					sortable : true 
				}, {
					text : "资源端口",
					dataIndex : 'resource_port',
					width:90,
					sortable : true 
				}],
		/*selModel : {
			selType : 'checkboxmodel'
		},*/
		viewConfig:{
			enableTextSelection:true
		},
		dockedItems : [{
					xtype : 'pagingtoolbar',
					dock : 'bottom',
					displayInfo : true,
					store : 'OnlineBox',
					items : ['-', {
								xtype : 'label',
								text : '每页显示',
								style : 'margin-left:5px;margin-right:5px;'
							}, {
								xtype : 'combo',
								store : 'BbarComboBox',
								valueField : 'id',
								displayField : 'name',
								mode : 'local',
								triggerAction : 'all',
								fieldLabel : '',
								editable : false,
								width : 60,
								listeners : {
									"beforerender" : function(store, options) {
										this.value = 10;
									},
									"select" : function(combo, record, index) {
										if (combo.getValue() == 0) {
											this.ownerCt.ownerCt.store.pageSize = this.ownerCt.ownerCt.store
													.getTotalCount();
										} else {
											this.ownerCt.ownerCt.store.pageSize = combo
													.getValue();
										}

										this.ownerCt.ownerCt.store.load({
											params : {
												start : 0,
												limit : this.ownerCt.ownerCt.store.pageSize
											}
										});
									}
								}
							}, {
								xtype : 'label',
								text : '记录',
								style : 'margin-left:5px;'
							}]
				}]
	}]

});